<template>
  <div class="toast">
      <div v-show="isShow">{{message}}</div>
  </div>
</template>

<script>
export default {
    props:{
        message:{
            type:String,
            default:""
        },
        isShow:{
            type:Boolean,
            default:false
        }
    },
    // data(){
    //     return {
    //         message:"",
    //         isshow:false
    //     }
    // },
    // methods:{
    //     show(message,duration){
    //         this.isshow = true;
    //         this.message = message;
    //         setTimeout(() => {
    //             this.isshow = false;
    //             this.message = ""
    //         }, duration);
    //     }
    // }
}
</script>

<style scoped>
.toast {
    position: fixed;
    top:50%;
    left: 50%;
    background-color: rgba(0,0,0,.8);
    color: #fff;
    transform: translate(-50%,-50%);
}
</style>